<div class="login-body">
  <div class="body-container">
    <div class="ui-g">
      <div class="ui-g-12 ui-lg-6 left-side">
        <img src="../../../assets/css/apollo-ng/images/logo-dark.png" alt="apollo-layout" class="logo">
        <h1>欢迎</h1>
        <p>
          Sign in to start your session
        </p>
      </div>
      <div class="ui-g-12 ui-lg-6 right-side">
        <div class="login-wrapper">
          <div class="login-container">
            <span class="title">登录</span>

            <div class="ui-g ui-fluid">
              <div class="ui-g-12">
                <input type="text" autocomplete="off" placeholder="用户名" class="ui-inputtext ui-widget" [(ngModel)]="userName">
              </div>
              <div class="ui-g-12">
                <input type="password" autocomplete="off" placeholder="密码" class="ui-inputtext ui-widget" feedback="false" [(ngModel)]="userPwd">
              </div>
              <div class="ui-g-6">
                <button type="button" class="ui-button ui-widget ui-state-default ui-corner-all ui-button-text-only blue-btn">
                    <span class="ui-button-text ui-c" (click)="login()"><span class="fa fa-check" style="height: 13px;width: 16px;float: left;margin-top: 3px"></span>登录</span>
                </button>
              </div>
              <div class="ui-g-6 password-container">
                <a href="#">忘记密码?</a>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>
